/** 2020/03/07
 * @Author: wangc
 * @Desc: flex布局
 */

@mixin flex($direction: row, $flexWrap: wrap, $justifyContent: space-between, $align-items: center) {
    display: flex;
    flex-direction: $direction;
    flex-wrap: $flexWrap;
    justify-content: $justifyContent;
    align-items: $align-items;
}


/** 2020/03/07
 * @Author: wangc
 * @Desc: 主按钮
 */

@mixin btnStyle() {
    background: $bgColor;
    border: none;
}


/** 2020/03/07
 * @Author: 王灿
 * @Desc: 背景图
 */

@mixin bg-image($url) {
    background-image: url($url+'@2x.png');
    background-size: 100%;
    @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
        background-image: url($url+'@2x.png');
        background-size: 100%;
    }
}


/** 
*2020/03/07
 * @Author: wangc
 * @Desc: 多行超出省略号
 */

@mixin ell2($row) {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $row;
    overflow: hidden;
}